<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<title>注册</title>
		<style type="text/css">
			body{
				margin: 0;border: 0;padding: 0;
			}
		</style>

	</head>
	<body>
		<nav class="navbar navbar-default">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a href="index.html"><img class="navbar-brand" src="img/c_logo2020.png" /></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav navbar-right">
		        <li class="active"><a href="index.html">注册 <span class="sr-only">(current)</span></a></li>
		        <li><a href="html/登陆.html">登录</a></li>
		        <li><a href="html/报名.html">报名</a></li>
		        <li><a href="html/评论.html">评论</a></li>

		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		<div class="container"><div class="page-header text-center">
		  <h1>携程 <small>欢迎您的到来！！</small></h1>
		</div></div>
		
		<div class="container" style="background-image: url()
		background-size: cover; padding:20px auto; height: 500px;">
			<div class="row">
				<div class="col-sm-6 col-sm-offset-3">
					<form>
						<div class="form-group">
							<label for="exampleInputName2">用户名</label>
							<input type="text" class="form-control" id="exampleInputName2" placeholder="Mike">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">邮箱</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="123456789@163.com">
						</div>
						<div class="form-group">
							<label for="exampleInputEmail1">手机号</label>
							<div class="input-group">
							      <div class="input-group-btn">
							        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">请选择 <span class="caret"></span></button>
							        <ul class="dropdown-menu">
							          <li><a href="#">中国+86</a></li>
							          <li><a href="#">扎伊尔+243</a></li>
							          <li><a href="#">津巴布韦+263</a></li>
							          <li role="separator" class="divider"></li>
							          <li><a href="#">归属地</a></li>
							        </ul>
							      </div><!-- /btn-group -->
							      <input type="text" class="form-control" aria-label="..." placeholder="手机号">
							    </div><!-- /input-group -->
						</div>
						 <div class="form-group">
						    <label for="exampleInputPassword1">密码</label>
						    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="输入您的密码">	
							<p>密码不少于6位，至少包含数字、字母或符号等两种类型</p>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="再次输入您的密码">
						  </div>
						<div class="checkbox">
						    <label>
						      <input type="checkbox"> 我已阅读并接受<a href="#"> <u>用户协议</u></a>
						    </label>
						  </div>
						<button type="submit" class="btn btn-default">注册</button>  &nbsp; &nbsp;已有帐号，<a href="html/登陆.html"><u>点击登录</u></a>
					</form>
				</div>
			</div>
		</div>
		<br/>
		<hr/>
		<div class="container">
			<div class="row">
				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;border-left: #DDDDDD 1px solid;">
					<h4>为什么选携程</h4>
					<div class="media">
					  <div class="media-left">
					    <a href="#">
					      <img class="media-object" src="img/pg.png" alt="...">
					    </a>
					  </div>
					  <div class="media-body">
					    <h5 class="media-heading">放心的服务</h5>
						<p>领先的服务标准 独创的保障体系</p>
					  </div>
					</div>
					<div class="media">
					  <div class="media-left">
					    <a href="#">
					      <img class="media-object" src="img/pg2.png" alt="...">
					    </a>
					  </div>
					  <div class="media-body">
					    <h5 class="media-heading">放心的价格</h5>
						<p>具竞争力的价格 无任何隐形费用</p>
					  </div>
					</div>
				</div>
				
				<div class="col-sm-3 " style="border-right: #DDDDDD 1px solid;">
					<h4>旅游资讯</h4>
					<div class="media">
					  <div class="media-body">
					    <p>宾馆索引</p>
					    <p>机票索引</p>
					    <p>旅游索引</p>
					    <p>邮轮索引</p>
					    <p>用车索引</p>
					  </div>
					  <div class="media-body">
						<p>攻略索引</p>
						<p>网站导航</p>
						<p>火车票索引</p>
						<p>企业差旅索引</p>
					  </div>
					</div>
				</div>
				
				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;">
					<h4>加盟合作</h4>
					<div class="media">
					  <div class="media-body">
					    <p></p>
					    <p>分销联盟</p>
					    <p>广告业务</p>
					    <p>保险代理</p>
					    <p>酒店加盟</p>
					    <p>智慧旅游</p>
					  </div>
					  <div class="media-body">
						<p>友情链接</p>
						<p>企业礼品卡采购</p>
						<p>代理合作</p>
						<p>目的地及景区合作</p>
						<p>更多加盟合作</p>
					  </div>
					</div>
				</div>
				
				<div class="col-sm-3" style="border-right: #DDDDDD 1px solid;">
					<h4>关于携程</h4>
					<div class="media">
					  <div class="media-body">
					    <p></p>
					    <p>关于携程</p>
					    <p>联系我们</p>
					    <p>旅游度假资质</p>
					    <p>用户协议</p>
					    <p>营业执照</p>
					    <p>携程信用卡</p>
					  </div>
					  <div class="media-body">
						<p>携程热点</p>
						<p>诚聘精英</p>
						<p>隐私政策</p>
						<p>安全中心</p>
						<p>知识产权</p>
					  </div>
					</div>
				</div>
			</div>
			<p class="text-center">Copyright © 2016-2018  ICP 备888888号</p>
			<p class="text-center"><img src="img/timg.jpg" class="text-center"/>沪公网备31234567891011号</p>
		</div>
		<script src="js/jquery-2.1.0.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
